.outcome-cards {
  grid-auto-rows: 1fr;
  grid-template-columns: 1fr 1fr 1fr;
  &__card {
    height: 100%;
    min-height: 280px;
    &--skipped {
      @extend .outcome-cards__card;
      background-color: #f3f3f3;
    }
  }
  .outcome {
    margin-bottom: var(--pf-global--spacer--md);
    &__title {
      margin-bottom: var(--pf-global--spacer--md);
    }
    &__property {
      margin-bottom: var(--pf-global--spacer--sm);
      max-width: 680px;
      &__name {
        font-weight: 600;
        padding-right: 1em;
      }
      &__value {
        &--bigger {
          font-size: 2em;
        }
      }
    }
  }
  .outcome .outcome {
    padding-left: var(--pf-global--spacer--md);
    border-left: 3px solid var(--pf-global--info-color--100);
    .outcome {
      margin-top: var(--pf-global--spacer--md);
    }
  }
}
